@charset "utf-8";
//色值
@black: #373b3e;
@bgcolor:#f8f8f8;
@blue : #337ab7;
@red: #e94653;
@files_url: '../';
//定位上下左右居中
.transform(@value) {
    -webkit-transform: @value;
    -moz-transform: @value;
    -ms-transform: @value;
    -o-transform: @value;
    transform: @value;
}

.transition(@value) {
    -webkit-transition: @value;
    -moz-transition: @value;
    -ms-transition: @value;
    -o-transition: @value;
    transition: @value;
}

.transition2(@value , @value2) {
    -webkit-transition: @value , @value2;
    -moz-transition: @value , @value2;
    -ms-transition: @value , @value2;
    -o-transition: @value , @value2;
    transition: @value , @value2;
}

.transition3(@value , @value2 , @value3) {
    -webkit-transition: @value , @value2 , @value3;
    -moz-transition: @value , @value2 , @value3;
    -ms-transition: @value , @value2 , @value3;
    -o-transition: @value , @value2 , @value3;
    transition: @value , @value2 , @value3;
}

.box-shadow(@value) {
    -webkit-box-shadow: @value;
    -moz-box-shadow: @value;
    -ms-box-shadow: @value;
    -o-box-shadow: @value;
    box-shadow: @value;
}

.border-radius(@value) {
    -webkit-border-radius: @value;
    -ms-border-radius: @value;
    -o-border-radius: @value;
    -moz-border-radius: @value;
    border-radius: @value;
}

.animation(@value) {
    animation: @value;
    -moz-animation: @value;
    -webkit-animation: @value;
    -o-animation: @value;
    -ms-animation: @value;
}

.animation2(@value, @value2) {
    animation: @value, @value2;
    -moz-animation: @value, @value2;
    -webkit-animation: @value, @value2;
    -o-animation: @value, @value2;
    -ms-animation: @value, @value2;
}

.flex() {
    display: -ms-box;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.justify-content(@value) {
    -webkit-justify-content: @value;
    justify-content: @value;
}

.background-size(@value){
    background-size: @value;
    -webkit-background-size: @value;
}

.bglinear(@start, @end) {
    background-image: linear-gradient(0deg, #ff4150 0%, #ff557d 100%);
    background: -webkit-gradient(0deg, #ff4150 0%, #ff557d 100%);
    /** Chrome Safari **/
    background: -moz-linear-gradient(top, @start, @end);
    /** FireFox **/
    background: -o-linear-gradient(top, @start, @end);
    /** Opear **/
    background: -ms-linear-gradient(@start 0%, @end 100%);
    /** IE9 IE10 **/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@start, endColorstr=@end, grandientType=1);
    /** IE7 **/
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@start, endColorstr=@end, grandientType=1);
    /** IE8 **/
}

.bglinear90deg(@start, @end) {
  background-image: linear-gradient(90deg, #ff4150 0%, #ff557d 100%);
  background: -webkit-gradient(90deg, #ff4150 0%, #ff557d 100%);
  /** Chrome Safari **/
  background: -moz-linear-gradient(left, @start, @end);
  /** FireFox **/
  background: -o-linear-gradient(left, @start, @end);
  /** Opear **/
  background: -ms-linear-gradient(90deg,@start 0%, @end 100%);
  /** IE9 IE10 **/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@start, endColorstr=@end, grandientType=1);
  /** IE7 **/
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@start, endColorstr=@end, grandientType=1);
  /** IE8 **/
}
